
var Main = {
				data() {						
					return {
						activeIndex: '1',
						activeIndex2: '1',	
						
					};
				},
				methods: {
					handleSelect(key, keyPath) {
						console.log(key, keyPath);
					}
				}
			}
			var Ctor = Vue.extend(Main)
			new Ctor().$mount('#app')

			var Main1 = {
				data() {
					return {
						count:<%= request.getAttribute("salesCount").toString() %>,
						options: [{
							value: '选项1',
							label: '全部数据'
						}, {
							value: '选项2',
							label: '阶段'
						}, {
							value: '选项3',
							label: '星标'
						}, {
							value: '选项4',
							label: '阶段停留'
						}],
						customers:[{
							cus: '选项1',
							cuslabel: '小米'
						},{
							cus: '选项2',
							cuslabel: '小天'					
						}],
						contacts:[
						{
							con: '选项1',
							conlabel: '联系人1'					
						},
						{
							con: '选项2',
							conlabel: '联系人2'					
						}],
						type:[
						{
							value: '选项1',
							label: '办公建筑'					
						},
						{
							value: '选项2',
							label: '住宅建筑'				
						},
						{
							value: '选项3',
							label: '商业建筑'				
						},
						{
							value: '选项4',
							label: '医疗教育'				
						},
						{
							value: '选项5',
							label: '文化健身'				
						}],
						source:[
						{
							value: '选项1',
							label: '电话来访'					
						},
						{
							value: '选项2',
							label: '客户介绍'				
						},
						{
							value: '选项3',
							label: '独立开发'				
						},
						{
							value: '选项4',
							label: '媒体宣传'				
						},
						{
							value: '选项5',
							label: '老客户'				
						}],
						users:[
						{
							value: '选项1',
							label: '用户名1'					
						},
						{
							value: '选项2',
							label: '用户名2'				
						},
						{
							value: '选项3',
							label: '用户名3'				
						},
						{
							value: '选项4',
							label: '用户名4'				
						},
						{
							value: '选项5',
							label: '用户名5'				
						}],
						possibilities:[
						{
							value: '选项1',
							label: '00%'					
						},
						{
							value: '选项2',
							label: '10%'				
						},
						{
							value: '选项3',
							label: '20%'				
						},
						{
							value: '选项4',
							label: '30%'				
						},
						{
							value: '选项5',
							label: '40%'				
						},
						{
							value: '选项6',
							label: '50%'				
						},
						{
							value: '选项7',
							label: '60%'				
						},
						{
							value: '选项8',
							label: '70%'				
						},
						{
							value: '选项9',
							label: '80%'				
						},
						{
							value: '选项10',
							label: '90%'				
						},
						{
							value: '选项11',
							label: '100%'				
						}],
						firsts:[
						{
							value: '选项1',
							label: '一级'					
						},
						{
							value: '选项2',
							label: '二级'				
						},
						{
							value: '选项3',
							label: '三级'				
						}],
						stages:[
						{
							value: '选项1',
							label: '初步沟通'					
						},
						{
							value: '选项2',
							label: '立项评估'				
						},
						{
							value: '选项3',
							label: '需求分析'				
						},
						{
							value: '选项4',
							label: '方案制定'				
						},
						{
							value: '选项5',
							label: '招投标/竞争'				
						},
						{
							value: '选项6',
							label: '商务谈判'				
						},
						{
							value: '选项7',
							label: '合同签约'				
						}],
						radio: '1',
						gdID: '',
						value8: '',
						valuecust: '',
						dialogFormVisible: false,
						form: {
							theme: '',
							gdchlassity: '',
							customer: '',
							conID: '',
							conphone: '',
							proID:'',
							contel: '',
							dept:'',
							delivery: false,
							type: [],
							source:'',
							users:'',
							resource: '',
							desc: '',
							textarea:'',
							possibility:'',
							first:'',
							stage:''
						},
						rules:{
							theme:[
							{
							required: true, 
							message: '机会主题为必填项',
							trigger: 'blur'						
							}],
							customer:[
							{	
								required: true,
								message: '请至少选择一个客户名称',
								trigger: 'change'
							}],
							stage:[
							{	
								required: true,
								message: '请至少选择一个阶段',
								trigger: 'change'
							}	
							]
						},
						/* 日期选择 */
						pickerOptions1: {
							disabledDate(time) {
								return time.getTime() > Date.now();
							},
							shortcuts: [{
								text: '今天',
								onClick(picker) {
									picker.$emit('pick', new Date());
								}
							}, {
								text: '昨天',
								onClick(picker) {
									const date = new Date();
									date.setTime(date.getTime() - 3600 * 1000 * 24);
									picker.$emit('pick', date);
								}
							}, {
								text: '一周前',
								onClick(picker) {
									const date = new Date();
									date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
									picker.$emit('pick', date);
								}
							}]
						},
						gettoday: new Date(),
						getDate:'',
						gettime: new Date(),
						prostarttoday:'',
						prosalettoday:'',
					}
				},
			methods: {
		      submitForm(formName) {
		        this.$refs[formName].validate((valid) => {
		          if (valid) {
		            alert('submit!');
		          } else {
		            console.log('error submit!!');
		            return false;
		          }
		        });
		      },
		      resetForm(formName) {
		        this.$refs[formName].resetFields();
		      }
		    }
			}
			var Ctor = Vue.extend(Main1)
			new Ctor().$mount('#app1')


			var Main4 = {
				data() {
					return {
						tableData3: [{
							ID: '20161123',
							theme: 'sdfsdfsgdf',
							customer: '张三',
							fire: '500.00',
							get: '300.00',
							stutes: '执行中',
							man: 'rose',
							profile: '0.00'
						}, {
							ID: '20160503',
							theme: 'sdfsdfsgdf',
							customer: '王小虎',
							fire: '500.00',
							get: '300.00',
							stutes: '执行中',
							man: 'rose',
							profile: '0.00'
						}, {
							ID: '20160513',
							theme: 'sdfsdfsgdf',
							customer: '王虎',
							fire: '500.00',
							get: '300.00',
							stutes: '执行中',
							man: 'rose',
							profile: '0.00'
						}, {
							ID: '20160513',
							theme: 'sdfsdfsgdf',
							customer: '王虎',
							fire: '500.00',
							get: '300.00',
							stutes: '执行中',
							man: 'rose',
							profile: '0.00'
						}, {
							ID: '20160903',
							theme: 'sdfsdfsgdf',
							customer: '王小虎',
							fire: '500.00',
							get: '300.00',
							stutes: '执行中',
							man: 'rose',
							profile: '0.00'
						}, {
							ID: '20160903',
							theme: 'sdfsdfsgdf',
							customer: '王小虎',
							fire: '500.00',
							get: '300.00',
							stutes: '执行中',
							man: 'rose',
							profile: '0.00'
						}],
						currentPage1: 5,
						currentPage2: 5,
						currentPage3: 5,
						currentPage4: 4,
						multipleSelection: [],
						dialogrepair: false,
						form: {
							getPerson: '',
							gdchlassity: '',
							getdate: '',
							gettime: '',
							delivery: false,
							type: [],
							resource: '',
							desc: ''
						}
					}
				},
				methods: {
					handleClick(row) {
						console.log(row);
					},
					handleSelectionChange(val) {
						this.multipleSelection = val;
					},
					handleSizeChange(val) {
						console.log(`每页 ${val} 条`);
					},
					handleCurrentChange(val) {
						console.log(`当前页: ${val}`);
					}
				}
			}
			var Ctor = Vue.extend(Main4)
			new Ctor().$mount('#app3')
